// 封装购物车模块
import { defineStore } from "pinia";
import { ref, computed } from "vue";
import { useUserStore } from "./userStore";
import { insertCartAPI, findNewCartListAPI, delCartAPI } from "@/apis/cart";

export const useCartStore = defineStore('cart', () => {
    const useStore = useUserStore()
    // const token = useStore.userInfo.token
    const isLogin = computed(() => useStore.userInfo.token)
    // 1.定义state  -- cartList
    const cartList = ref([])

    // 获取最新购物车列表的action
    const updataNewList = async () => {
        const res = await findNewCartListAPI()
        // console.log('llll', res);
        cartList.value = res.data.result
    }

    // 2.定义action  -- addCart   操作数据的方法
    const addCart = async (goods) => {
        console.log('goods', goods);
        const { skuId, count } = goods
        if (isLogin.value) {
            // 登录之后的加入购物车的逻辑
            await insertCartAPI({ skuId, count })
            // 获取最新购物车列表的action
            updataNewList()
        } else {
            // 添加购物车的操作
            // 已经添加过，count + 1
            // 没有添加过， 直接push进去
            // 思路： 通过匹配传递过来的商品对象中的skuId,能不能在cartList中找到，找到就是添加过
            const item = cartList.value.find((item) => goods.skuId === item.skuId)
            if (item) {
                // 找到了
                item.count++
            } else {
                cartList.value.push(goods)
            }
        }

    }

    // 添加删除购物车的action
    const delCart = async (skuId) => {
        if (isLogin.value) {
            // 调用接口实现购物车中的删除功能
            await delCartAPI([skuId])
            // 获取最新购物车列表的action
            updataNewList()
        } else {
            // 思路： 1. 找到要删除项的下标 (findIndex) - splice
            const idx = cartList.value.findIndex((item) => skuId === item.skuId)
            cartList.value.splice(idx, 1)

            // 2.使用数组的过滤filter 方法
            // const idx = cartList.value.filter((item) => skuId === item.skuId)
            // cartList.value.splice(idx, 1)
            // console.log('idx', idx);
        }

    }

    // 清除购物车
    const clearCart = () => {
        cartList.value = []
    }



    // 单选功能
    const singleCheck = (skuId, selected) => {
        // 通过 skuId 找到要修改的那一项， 然后把它的 selected 修改为传过来的 selected 的值
        const item = cartList.value.find((item) => item.skuId === skuId)
        item.selected = selected
    }

    // 全选功能
    const allCheck = (selected) => {
        // 把cartList 中的每一项的selected 都设置为当前的全选框状态
        cartList.value.forEach(item => item.selected = selected)
    }


    // 计算属性
    // 1.总的数量
    const allCount = computed(() => {
        return cartList.value.reduce((a, c) => a + c.count, 0)
    })
    // 2.总价： 所有项的count * price之和
    const allPrice = computed(() => {
        return cartList.value.reduce((a, c) => a + c.count * c.price, 0)
    })
    // 是否全选的功能
    const isAll = computed(() => cartList.value.every((item) => item.selected))

    // 已选择数量
    const selectedCount = computed(() => {
        // 先过滤， 再累加运算
        return cartList.value.filter(item => item.selected).reduce((a, c) => a + c.count, 0)
    })

    // 已选择商品价钱的合计
    const selectedPrice = computed(() => {
        // 先过滤， 再累加运算
        return cartList.value.filter(item => item.selected).reduce((a, c) => a + c.count * c.price, 0)
    })

    return {
        cartList,
        addCart,
        delCart,
        allCount,
        allPrice,
        singleCheck,
        isAll,
        allCheck,
        selectedCount,
        selectedPrice,
        clearCart,
        updataNewList
    }
},
    // pinia插件的数据持久化配置，存入localStorage
    {
        persist: true
    }
)